<link rel="stylesheet" href="../static/css/style.css">
<link rel="stylesheet" href="../static/css/styleoneadd.css">
<link rel="stylesheet" href="../static/plugins/layui/css/layui.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap.min.css">

<style>
    body{
        background-color: #f2f2f2 !important;
    }
</style>
    <!-- 内容主体区域 -->
<div class="layui-fluid-pad">
    <div class="layui-col-md12">
        <div class="layui-card order-margin2">
            <div class="layui-card-header">查看报告</div>
            <div class="layui-card-body">
                <div class="layui-row layui-pad15">
                    <form class="layui-form" action="">
                        <div class=" layui-col-lh">
                            <div class="layui-row">
                                <label class="layui-order-font2">订单信息</label>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">订单号 ：</div>
                                <div class="layui-col-md4">1433050020180421</div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">订单价格 ：</div>
                                <div class="layui-col-md4">180元</div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">订单类型 ：</div>
                                <div class="layui-col-md4">团检</div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">订单状态 ：</div>
                                <div class="layui-col-md4">已支付</div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">下单时间 ：</div>
                                <div class="layui-col-md4">2018-04-23 10:25:20</div>
                            </div>
                            <div class="layui-row">
                                <label class="layui-order-font2">机构信息</label>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">体检机构 ：</div>
                                <div class="layui-col-md4">苏州第一人民医院</div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">套餐名称 ：</div>
                                <div class="layui-col-md4">入职体检（A套餐）100元</div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">套餐单项 ：</div>
                                <div class="layui-col-md4">
                                    <table class="layui-order-margin2">
                                        <tr>
                                            <td class="layui-order-width2">抽血</td>
                                            <td>化验（均使用一次性真空负压采血管）</td>
                                        </tr>
                                        <tr>
                                            <td class="layui-order-width2">血常规</td>
                                            <td>共18项</td>
                                        </tr>
                                        <tr>
                                            <td class="layui-order-width2">肝功能</td>
                                            <td>谷丙转氨酶（ALT）</td>
                                        </tr>
                                        <tr>
                                            <td class="layui-order-width2">血型</td>
                                            <td>血型检查</td>
                                        </tr>
                                        <tr>
                                            <td class="layui-order-width2">胸透</td>
                                            <td>主要检查肺部情况</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">包含增项 ：</div>
                                <div class="layui-col-md4">
                                    <table class="layui-order-margin2">
                                        <tr>
                                            <td class="layui-order-width2">心血管检查</td>
                                            <td>50元</td>
                                        </tr>
                                        <tr>
                                            <td class="layui-order-width2">心室检查</td>
                                            <td>30元</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="layui-row">
                                <label class="layui-order-font2">用户信息</label>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">用户姓名 ：</div>
                                <div class="layui-col-md4">张三</div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">性别 ：</div>
                                <div class="layui-col-md4">男</div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">手机号 ：</div>
                                <div class="layui-col-md4">15899688789</div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">身份证号 ：</div>
                                <div class="layui-col-md4">320557198856235547</div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">团检单位 ：</div>
                                <div class="layui-col-md4">掌心科技（苏州）有限公司</div>
                            </div>
                            <div class="layui-row">
                                <label class="layui-order-font2">发票信息</label>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">开票主体 ：</div>
                                <div class="layui-col-md4">个人</div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1">抬头 ：</div>
                                <div class="layui-col-md4">掌心科技（苏州）有限公司</div>
                            </div>

                            <!--此处判断显示  功能做好删除注释-->
                            <div class="layui-row layui-zhi-k">
                                <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj">查看报告</a>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md1"> <label class="order-color-st1">订单已作废</label></div>
                                <div class="layui-col-md4">原因：用户来电取消 &nbsp;&nbsp;2018-04-24 15：36：20</div>
                            </div>
                            <!--此处判断显示  功能做好删除注释-->
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
</div>


<script src="../static/js/jquery.min.js"></script>
<script src="../static/plugins/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="../static/plugins/layui/layui.js"></script>
<script src="../static/js/app/consts/consts.js"></script>
<script>
    layui.use(['jquery','form','laypage','laydate','table','layer'], function(){
        var form = layui.form;
        var laydate = layui.laydate;
        var laypage = layui.laypage;
        var $ = layui.$;
        layer.msg(developingMsg);
        //监听提交
        // form.on('submit(formDemo)', function(data){
        //     layer.msg(JSON.stringify(data.field));
        //     return false;
        // });
     // 日期
        laydate.render({
            elem: '#test1' //指定元素
            ,theme: '#34C0E3'
        });
        laydate.render({
            elem: '#test2' //指定元素
            ,theme: '#34C0E3'
        });
        //分页
        laypage.render({
            elem: 'demo7'
            ,count: 100
            ,theme: '#34C0E3'
            ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
            ,jump: function(obj){
                // console.log(obj)
            }
        });

            //改约
            $('.lookQue').on('click',function () {
                var strU = '作废.html';
                layer.open({
                    type: 2,
                    title:'作废',
                    area: ['400px', '300'],
                    shadeClose: true, //开启遮罩关闭
                    content: strU
                });
            });

    });
</script>




